<template>
  <div class="page-wrap">
    <!-- 页面面包屑 -->
    <bread :curPath="{ toPath: '/about', name: '关于我们' }" />
    <div class="page-main">
      <div class="con-box">
        <div class="main-menu-box">
          <h2><i class="yicon"></i>关于我们</h2>
          <ul class="main-menu shadow-box">
            <router-link to="/about" tag="li"><a>公司简介</a></router-link>
            <router-link to="/honor" tag="li"><a>企业荣誉</a></router-link>
          </ul>
        </div>
        <div class="main shadow-box">
            <h1><span>关于我们</span></h1>
            <div class="main-content">
                <p class="info" v-html="htmlContent">
                    <!-- <a class="cimg" title="无锡博言传动机械有限公司" href="http://www.rain-lock.com/" target="_blank"><img :src="'/images/company.jpg'" /></a>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.rain-lock.com/" target="_blank" class="cname" title="无锡博言传动机械有限公司">无锡博言传动机械有限公司</a>（Suzhou Rain-Lock Hardware & Tools Co.,Ltd.）是于2011 年在苏州工业园区正式注册成立，是一家专门为您提供国外专业及高品质工具和化学品的公司。
                    为您提供知名品牌工业产品5 万多种，并专职服务于企业的MRO 采购。无锡博言传动机械有限公司是国家外经贸局，海关总署批注的有进出口权的公司，我们的业务覆盖汽车、电力、石化、钢铁、轨道交通、船舶、机械、公用事业等多个领域，有着丰富的行业经验。我们为客户提供高质量的产品和专业及时的服务，拥有完善的销售、物流、技术支持体系。 -->
                </p>
            </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import { Bread } from './layout'
import { mapState, mapGetters } from 'vuex'

export default {
  computed: {
    ...mapState(['companyInfo']),
    ...mapGetters(['htmlContent'])
  },
  components: {
    Bread
  }
}
</script>
<style lang="scss">
/*公司简介内容*/
.main-content .info{font-size:14px; line-height:35px; text-align:left;}
.main-content .info .cimg {
	display: block;
	width: 410px;
	height: 250px;
	margin: 10px auto;
}
.main-content .info .cimg img{width:100%; height:100%;}
.main-content .info a.cname{color:#006835;}
</style>
